import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'gsyIcon.dart';

/// 本节主要介绍如何使用Icon组件，
/// 以及如何使用阿里巴巴组件库自定义Icon
/// 系统自带的Icon组件是直接可以Icons类直接调用的，但是如果下载类似
/// 阿里巴巴图标矢量图就需要自定义，自定义步骤
/// 1.下载
/// 2.j=将ttf文件与json移到fonts文件夹之下
/// 3.自定义图标文件，利用IconData类，

void main() {
  runApp(const Myapp());
}

class Myapp extends StatelessWidget {
  const Myapp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Icon学习'),
        ),
        body: const Column(
          children: [
            Icon(
              Icons.add,
              color: Colors.amber,
            ),
            Icon(
              Icons.school,
              color: Colors.red,
              // weight: 100,
              size: 50,
            ),
            SizedBox(
              height: 100,
            ),
            Icon(
              GsyIcon.weibo,
              color: Colors.red,
              size: 50,
            ),
            Icon(
              GsyIcon.weixin,
              color: Colors.blue,
            ),
            Icon(
              GsyIcon.zfb,
              color: Colors.blue,
            ),
          ],
        ),
      ),
    );
  }
}
